@charset "utf-8";

#canvas{
	background:#000;
	width:100%;
	max-height:265px;
}


.con_lft{ float:left; width:50%; padding-left:12px; min-width:300px;}
.jiangex{ width:100%; margin-top:12px; clear:both; height:12px; border-top:#f1f1f1 solid 1px;}

.biaotou{ width:270px; padding:10px; height:80px;  background-color:#006be1; border-top:#f4b200 solid 6px;}
.biaotou h2{ font-size:36px; text-align:center; line-height:60px; color:#FFF; font-weight:800;}
.biaotou .ab_bg_t01{ background:left center no-repeat;}

.page_right .title-cn {
    padding-top: 18px;
    color: #f5a314;
    font-size: 36px; 
}

.page_right .title-en {
    margin-top: 0px;
    color: #A1A09F;
    font-size: 16px;
}
.ab_tu01{ width:100%; padding-top:12px;}
.ab_tu01 img{ width:100%; }
.ab_tu02{ width:100%}
.zhenw{ width:100%; padding-top:18px; line-height:24px; font-size:14px; color:#777}
.zhenw p{ text-indent:28px; margin-bottom:10px;}
.zhenw img{ width:100%; max-width:750px;}

.zhenw2{ width:100%; padding-top:18px; line-height:24px; font-size:14px; min-height:350px; color:#777}
.zhenw2 p{ text-indent:28px; margin-bottom:10px;}
.zhenw2 img{ width:100%; max-width:750px;}

.motitle .title-cn{padding-top: 24px;
    color: #666; text-indent:50px;
    font-size: 18px; margin-bottom:8px;}
.titen{
    color: #A1A09F; text-indent:50px;
    font-size: 14px}
.titen2{ 
    color: #A1A09F; text-indent:50px;
    font-size: 14px}
.clear{ clear:both;}


.copyr{ color:#cccccc; text-align:right}
.mobile_header{width:100%; height:6rem; position:relative; padding:1.5rem 1.5rem; background-color:#fff;}
.mobile_header .logo{float:left; height:3rem; max-width:50%;}
.mobile_header .logo img{height:3rem; max-width:100%;}
.mobile_header .menu_icon{float:right;display:inline-block;width:3rem;height:3rem;padding:0.5rem;background:url(../images/menu_icon.png) no-repeat;background-size:contain;background-origin:content-box;border:1px solid #E0E0E0;border-radius:0.2rem;overflow:hidden;}
.mobile_header .menu{display:none;position:absolute;top:6rem;left:0;width:100%;height:auto;padding:1.5rem;z-index:99;background-color:#333333;box-shadow:0 0 0.2rem rgba(0,0,0,0.2);}
.mobile_header .menu li{width:100%;padding:1rem 1.5rem;border-bottom:0.1rem solid #222;}
.mobile_header .menu li a{display:block;width:100%;height:100%;font-size:1.4rem;color:#fff;}
.header{width:100%;height:90px; padding-top:18px; background-color:#fff;}
.header > div{padding:0;}
.header .logo{float:left;height:52px;width:302px;width:auto;}
.header .logo img{height:52px;width:300px;}
.header .nav{float:right;}
.header .nav ul{height:55;line-height:55px;width:100%;overflow:hidden;}
.header .nav ul li{float:left;}
.header .nav ul li a{color:#646464;font-size:18px;display:block;height:100%;padding:0 20px;}
.header .nav ul .on a{color:#fff;background-color:#E8A651;}
.links{line-height:22px;margin:10px 0 20px;}
.links span,.links a{font-size:14px;color:#CCCCCC;padding-right:10px;}
.links a:hover,.links a:active,.links a:focus{color:#fff;}
.footer{background-color:#323232;padding:15px 0;}
.footer .footer_ewm{padding-left:0;}
.footer .footer_ewm img{max-width:100%;}
.footer .footer_contact{padding:0;}
.footer .footer_contact li{font-size:14px;line-height:24px;color:#CCCCCC;}
.footer .footer_nav{width:100%;padding:0;overflow:hidden; float:right}
.footer .footer_nav li{float:left;height:14px;line-height:14px;overflow:hidden;}
.footer .footer_nav li a{padding-right:10px;font-size:14px;color:#CCCCCC;}
.footer .footer_nav li + li{padding-left:10px;border-left:1px solid #CCCCCC;}
.footer p{width:100%;margin-bottom:10px;overflow:hidden;}
.footer p a{font-size:14px;color:#CCCCCC;}
.page_top{width:100%;}
.page_top a{display:block;width:100%;}
.page_top a img{width:100%;height:auto;}
.page_nav_box{width:100%;margin:20px 0 30px;}
.page_nav_box .page_pos{text-align:right;font-size:14px;color:#646464;line-height:46px;}
.page_nav_box .page_pos span{padding-left:18px;background:url(../images/pos.png) no-repeat left center;}
.page_nav_box .page_pos a{font-size:14px;color:#646464;}
.page_nav_box .page_pos a:last-child{font-weight:bold;}

.sub_nav ul li{height:46px;line-height:46px;white-space:nowrap;-webkit-tap-highlight-color:rgba(0,0,0,0.3); margin-bottom:1px; background:url(../images/slid3rr.png) right center no-repeat; overflow:hidden; background-color:#fff; }
.sub_nav ul li a{display:block;padding:0 20px;font-size:16px;color:#646464;}
.sub_nav ul li:hover{color:#fff;background-color:#f5eccd;}
.sub_nav ul li a:hover{color:#646464;}
.sub_nav ul li.on{color:#646464;background-color:#f5eccd;}
.sub_nav ul li.on a{color:#646464;}
.page_left{padding-left:0;margin-bottom:20px;overflow:hidden;}
.page_right{margin-bottom:20px;padding-right:0;overflow:hidden;}
.page_content{padding:20px;background-color:#fff; min-height:500px;}
.mod_pagination{display:block;width:100%;overflow:hidden;text-align:right;}

.mod_pagination li{display:inline-block;}
.mod_pagination li a,.mod_pagination li span{color:#646464;}
.slideBox{position:relative;width:100%;overflow:hidden;}
.slideBox .bd{width:100%;height:100%;}
.slideBox .bd a{display:block;position:relative;width:100%;padding-bottom:35%;}
.slideBox .bd a img{position:absolute;top:0;left:0;width:100%; }
.slideBox .hd{width:100%;position:absolute;bottom:10px;left:0;text-align:center;z-index:2;overflow:hidden;}
.slideBox .hd li{display:inline-block;vertical-align:middle;width:50px;height:8px;background-color:#CCCCCC;}
.slideBox .hd li.on{background-color:#E8A651;}
.slideBox .prev,.slideBox .next{position:absolute;top:50%;width:33px;height:50px;margin-top:-25px;background-repeat:no-repeat;background-size:contain;cursor:pointer;}
.slideBox .prev{left:5%;background-image:url(../images/banner_arrl.png);}

.slideBox .next{right:5%;background-image:url(../images/banner_arrr.png);}
.index_section{padding:4rem 0 2rem;}
.index_section .index_section_hd{font-size:24px;margin-top:30px;color:#444444;padding-bottom:40px;background:url(../images/pattern.png) no-repeat center bottom;}
.sec01{ background-color:#FFF}
.sec02{ background-color:#f7f7f7}
.sec03{ background-color:#FFF}

.bg01{background-color:#f8f3ed;}
.column_figure{width:100%;height:0;padding-bottom:55.946%;position:relative;overflow:hidden;}
.column_figure img{width:100%;height:100%;position:absolute;top:0;left:0;}
.column_content{padding:1.5rem;background-color:#fff;border:1px solid #fff;border-top:0;margin-bottom:2rem;}
.column_content .column_title{font-size:1.8rem;color:#666666;line-height:3.5rem;height:3.5rem;overflow:hidden;}
.column_content .column_con{height:11rem;margin:1rem 0;font-size:1.4rem;line-height:2.2rem;color:#666666;overflow:hidden;}
.column_content .column_btn{margin-bottom:0.5rem;}
.column_content .column_btn a{display:inline-block;width:6rem;height:6rem;text-align:center;line-height:6rem;border-radius:50%;border:1px dashed #666666;font-size:1.4rem;color:#666666;}
.column_content .column_btn a:hover{color:#E8A651;text-decoration:none;}
.column_content:hover{border-color:#E8A651;}
.adv_img{max-width:100%;}
.adv_tit{margin-top:10px;margin-bottom:20px;font-size:16px;font-weight:bold;color:#444444;}
.sec03{padding:0;}
.news_slide_box{margin-top:22px;position:relative;width:100%;overflow:hidden;}
.news_slide_box .bd{width:100%;height:100%;}
.news_slide_box .bd a{display:block;position:relative;width:100%;padding-bottom:75.3%;}
.news_slide_box .bd a img{position:absolute;top:0;left:0;width:100%;height:100%;}
.news_slide_box .bd a span{display:block;position:absolute;left:0;bottom:0;width:100%;height:4rem;padding:0 1.5rem;line-height:4rem;font-size:1.6rem;color:#fff;background-color:rgba(252,143,2,0.4);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news_slide_box .prev,.news_slide_box .next{position:absolute;top:50%;width:3rem;height:10rem;margin-top:-5rem;background-repeat:no-repeat;cursor:pointer;background-color:rgba(84,84,84,0.4);background-position:center center;}
.news_slide_box .prev{left:0;background-image:url(../images/slide_arrl.png);}
.news_slide_box .next{right:0;background-image:url(../images/slide_arrr.png);}
.news_list{margin-bottom:60px;}
.news_list li{margin-top:22px;overflow:hidden;}
.news_list li .news_pic{padding-left:0;}
.news_list li .news_pic a{display:block;position:relative;padding-bottom:65.82%;}
.news_list li .news_pic img{position:absolute;top:0;left:0;height:100%;width:100%;}
.news_list li .news_tit{display:block;font-size:16px;color:#323232;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_list li .news_tit:hover{color:#E8A651;}
.news_list li .news_time{margin-top:10px;font-size:14px;color:#999;overflow:hidden;}
.news_list li .news_desc{height:40px;line-height:20px;font-size:14px;color:#646464;margin-top:10px;overflow:hidden;}
.news_list_2 li{margin:0 0 15px;padding-bottom:15px;border-bottom:1px dashed #ddd;}
.article .article_hd{width:100%;margin-bottom:10px;}
.article .article_hd h1{font-size:18px;color:#323232;line-height:24px;}
.article .article_hd h6{font-weight:400;font-size:12px;color:#646464;margin-top:10px;padding-bottom:10px;border-bottom:1px solid #E0E0E0;}
.article .article_hd h6 span{padding:0 5px;}
.article .article_bd img{display:block;margin:10px auto;max-width:100%;}
.pagination2{margin:20px auto;line-height:40px;background-color:#eee;}
.pagination2 .prev,.pagination2 .next{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pagination2 .prev a,.pagination2 .next a{font-size:14px;color:#646464;}
.pagination2 .prev a:hover,.pagination2 .next a:hover{color:#E8A651;}
.pagination2 .prev{border-right:1px solid #ddd;}
.pro_item{margin-top:30px;}
.pro_item .pro_pic{display:block; position:relative; width:100%; padding-bottom:63.7%;}
.pro_item .pro_pic img{position:absolute; top:0; left:0; width:100%; height:100%;}
.pro_item .pro_tit{display:block; padding:10px 0; border:1px solid #fff; border-top:0; background-color:#fff; font-size:18px; color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.pro_item .pro_tit:hover{border-color:#fff;}
.product_list_2 .pro_item{margin:0 0 30px;}
.product_list_2 .pro_tit{border-color:#d2d2d2;}
.product_pic{border-right:1px solid #ddd;}
.product_pic img{max-width:100%;}
.pro_name{margin:10px 0;font-size:22px;color:#323232;}
.pro_attr li{font-size:14px;color:#898989;line-height:30px;margin-top:5px;}
.pro_attr .case_price span{color:#fc3526;}
.pro_attr .case_tag{padding:0 10px;background-color:#f7f8fa;}
.pro_attr .case_tag span{font-size:14px;white-space:nowrap;}
.product_infor .product_infor_hd{padding:5px 20px;margin:30px 0 20px;font-size:20px;color:#323232;box-shadow:0 0 2px rgba(0,0,0,0.4) inset;background-color:#f5f5f5;}
.contact_box .contact_box_t{font-size:16px;color:#fff;padding:0 10px;height:35px;line-height:35px;background-color:#E8A651;overflow:hidden;}
.contact_box .contact_box_t span{display:inline-block;vertical-align:top;margin-right:10px;width:10px;height:100%;background-color:#f2f2f2;}
.contact_box .contact_box_b{padding:10px 10px 11rem;background:#F2F2F2 url(../images/gb_4.png) no-repeat center bottom;background-size:contain;}
.contact_box .contact_box_b li{font-size:14px;line-height:24px;color:#333333;margin-bottom:5px;}
.recruit_name{font-size:18px;line-height:30px;color:#2f8fe1;}
.recruit_con_sec{width:100%;margin-bottom:10px;}
.recruit_con_sec .sec_tit{padding:10px 0;line-height:1.5;font-size:16px;color:#585858;overflow:hidden;}
.recruit_con_sec .sec_con{width:100%;overflow:hidden;line-height:22px;font-size:14px;padding:0 10px;}
.recruit_con_sec .sec_con li{float:left;width:50%;padding-bottom:5px;color:#646464;overflow:hidden;}
.recruit_con_sec .sec_con li.long{float:none;width:100%;}
.contact_way ul{padding-top:20px; }
.contact_way ul li{font-size:14px;margin-bottom:15px; height:70px; border-bottom:#f5eccd solid 1px; color:#323232;}
.contact_way ul li b{ font-size:20px; color:#edad00}
.contact_way ul li i{display:inline-block;vertical-align:top;width:50px;height:50px;background-repeat:no-repeat; float:left; margin-right:10px; background-position:left top;}
.contact_way ul li .contact_adr{background-image:url(../images/tf-add.png);}
.contact_way ul li .contact_tel{background-image:url(../images/tf-tel.png);}
.contact_way ul li .contact_email{background-image:url(../images/tf-email.png);}
.contact_way ul li .contact_chuanz{background-image:url(../images/tf-chuanz.png);}
.contact_way ul li .contact_clock{background-image:url(../images/tf-clock.png);}
.message_form{margin:10px auto 30px;height:auto;overflow:hidden;}
.message_form .form-group{width:100%;margin-bottom:10px;}
.message_form .form-group .control-label{margin-bottom:10px;font-size:16px;color:#646464;font-weight:400;}
.message_form .form-group .control-label span{color:#FF0000;}
.message_form .form-group .form-control{border:1px dashed #b6b6b6;background-color:#eee;}
.message_form .form-group .form-control.false{border-color:#FF0000;}
.message_form .form-group .beizhu-control{width:100%;height:100px;}
.message_form .form-group .submint_btn{margin-top:20px;display:inline-block;vertical-align:middle;padding:5px 30px;font-size:16px;color:#fff;background-color:#E8A651;cursor:pointer;}
@media (max-width:767px){.footer .links{margin-bottom:10px;}
.footer .footer_nav{margin-top:10px;}
.page_nav_box{margin-bottom:10px;}
.page_nav_box .page_pos{text-align:left;}
.page_left,.page_right{padding:0;}
.mod_pagination{text-align:center;}
.slideBox .hd{bottom:0;}
.slideBox .hd li{height:5px;}
.news_list li .news_tit{margin-top:10px;}
.news_list li > div{padding:0;}
.pagination2 .prev{border-right:none;}
.product_list .pro_item .pro_tit{font-size:14px;}
.product_list_2 .pro_item{padding:0 5px;}
.product_pic{margin-bottom:30px; border-right:none;}
.recruit_con_sec .sec_con li{float:none; width:100%;}
}

.product_list li{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.product_list li:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;
}



/* Header
==========================*/
.header {
    width:100%;
    position:relative;
	margin: 0;
	padding: 0;
}

.logo {
    margin-top: 20px !important;
}

/* Main Navigation
==========================*/
nav.main_menu {
float:right; 
position:relative; 
z-index:500;
}

nav.main_menu > ul > li {
display:block; 
float:left; 
position:relative; margin-left:1px;
}

nav.main_menu > ul > li > a {
padding:28px 22px; 
display:block; 
font-size:16px; font:"微软雅黑", cursive;
color:#393939; 
font-weight:bold; 
text-transform:uppercase; 
text-align:left; 
transition: background 0.3s ease-in-out 0s;
}

nav.main_menu > ul > li > a:hover {
text-decoration:none;
}

nav.main_menu > ul > li:hover > a {
background-color:#006be1; 
color:#fff;
}

nav.main_menu > ul > li:hover > a .sub {
color:#fff;
}

nav.main_menu > ul > li.current_page_item > a {
background-color:#006be1; 
color:#fff;
}

nav.main_menu > ul > li.current_page_item > a .sub {
color: #fff;
}
.copyrights{text-indent:-9999px; height:0; line-height:0; font-size:0; overflow:hidden;}
.sub { color: #888; font-size: 10px; font-weight: 400;  margin-top: -6px; text-transform: none;}

/* submenus */
nav.main_menu ul ul {width:225px; display:none; position:absolute; left:0px;}
nav.main_menu ul ul li {display:block; position:relative; background-color:#fff; border-top:1px solid #fff; border-bottom:1px solid #f5eccd;}
nav.main_menu ul ul li a {padding:14px 10px 15px 16px; display:block; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:1em;}
nav.main_menu ul ul a:hover {text-decoration:none;}
nav.main_menu ul ul li:hover {background-color:#ff9104; transition: background 0.3s ease-in-out 0s;}
nav.main_menu ul ul li:hover > a {color:#fff;}
nav.main_menu li:hover > ul {display:block;}
nav.main_menu > ul > li > ul > li:first-child {border-top:0px;}
nav.main_menu > ul > li > ul > li:first-child li:first-child {border-top:0px;}

nav.main_menu ul ul ul {padding-top:0px; left:185px; top:-2px; border-top:1px solid #242424;}

nav.main_menu ul ul li:first-child > ul {top:0px; border-top:0px;}

nav.main_menu > select {display:none;}

nav.main_menu > ul > li:hover {margin-top:-4px; border-top:4px solid #cfcfcf;}


/* Responsive Menu
==========================*/

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar { 
float: left;
width: 100%;
position: relative;
background: #04bfea;
padding: 4px 0;
min-height: 42px;
z-index: 999999;
}
.mean-container a.meanmenu-reveal {
width: 22px;
height: 22px;
padding: 13px 13px 11px 13px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #fff;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #fff;
height: 3px;
margin-top: 3px;
}
.mean-container .mean-nav { 
float: left;
width: 100%;
background: #0c1923;
margin-top: 33px;
}
.mean-container .mean-nav ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
}
.mean-container .mean-nav ul li {
position: relative;
float: left;
width: 100%;
}
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 90%;
padding: 1em 5%;
margin: 0;
text-align: left;
color: #fff;
border-bottom: 1px solid #383838;
border-bottom: 1px solid rgba(255,255,255,0.5);
text-decoration: none;
text-transform: uppercase;
}
.mean-container .mean-nav ul li li a {
width: 80%;
padding: 1em 10%;
border-bottom: 1px solid #f1f1f1;
border-bottom: 1px solid rgba(255,255,255,0.25);
opacity: 0.75; 
filter: alpha(opacity=75);
text-shadow: none !important;
visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: none;
margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 1em 15%;
}
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 1em 25%;
}
.mean-container .mean-nav ul li a:hover { 
background: #252525;
background: rgba(255,255,255,0.1); 
}
.mean-container .mean-nav ul li a.mean-expand {
width: 26px;
height: 26px;
border: none !important;
padding: 12px !important;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: none;
}
.mean-container .mean-push { 
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both; 
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
}

.product_pic img{ max-width:470px}
/*通用分页样式*/
.page_x{padding:10px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
#fenye{clear:both; color:#b1b1b1; display:inline-table; height:42px;line-height:42px; font-size:12px; width:100%;}
#noa{margin:5px 4px 0 0; color:#b1b1b1;background:#fff; display:inline-table; border:1px solid #dcdddd; float:left; text-align:center;height:22px; line-height:22px; padding:5px;}
#noa1{margin:5px 4px 0 0; color:#b1b1b1;background:#fff; display:inline-table; border:1px solid #dcdddd; float:left; text-align:center;height:22px; line-height:22px; padding:5px;}
#fenye a{text-decoration:none;padding:5px; float:left;}
#fenye .prev,#fenye .next{width:52px; text-align:center; padding:5px;}
#fenye .goto { padding:5px; color:#b1b1b1;}
#fenye a.curr{width:22px;background:#ef8701; border:1px solid #ccc; color:#fff; font-weight:bold;padding:5px;}
#fenye a.curr:visited {color:#fff;}
#fenye a{margin:5px 4px 0 0; color:#b1b1b1;background:#fff; display:inline-table; border:1px solid #ccc;  text-align:center;height:22px;line-height:22px}
#fenye a.num{width:22px; padding:5px;}
#fenye a:visited{color:#b1b1b1;} 
#fenye a:hover{color:#fff; background:#ef8701; border:1px solid #ccc;float:left;}
/*文章列表页*/